$(function(){
  
  // 白菜价标题
  $.ajax({
    url:'http://127.0.0.1:9090/api/getbaicaijiatitle',
    success:function(info){
      console.log(info);
      $(".scroll_nav").html(template("tmp",info));
      // 动态计算ul宽度=li的个数*li的宽度
      var lis = $(".scroll_nav li");
      var widthL =1;
      lis.each(function(index,ele){
        widthL += ele.offsetWidth;
      })
      $(".scroll_nav").width(widthL) ;


      // 滚动
      new IScroll('#wrapper', {
        scrollX: true,//横向滚动
        scrollY: false//纵向滚动
      });

      // 点击事件
      $(".scroll_nav").on("click","li",function(){
        $(this).addClass("active").siblings().removeClass("active");
        // 白菜价商品
        var titleid = $(this).data("titleid");
        render(titleid);
      })
    }
  })

  // 白菜价商品
  function render(titleid){
    $.ajax({
      url:'http://127.0.0.1:9090/api/getbaicaijiaproduct',
      data:{
        titleid :titleid||0 
      },
      success:function(info){
        console.log(info);
        $(".baicaijia").html(template("tmp1",info))
      }
    })
  }

  render();

  

})